<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" href="assets/mui/css/mui.min.css">
    <link rel="stylesheet" href="css/common.css">
    <link rel="stylesheet" href="css/searchList.css">
    <title>乐淘云购</title>

</head>

<body>
    <header id="header" class="mui-bar mui-bar-nav">
        <a class="mui-icon mui-icon-left-nav mui-pull-left" href="javascript:history.back()"></a>
        <h1 class="mui-title">商品列表</h1>

    </header>
    <!-- 内容区域 -->


    <div id="refreshContainer" class="mui-content mui-scroll-wrapper lt_content">

        <!--数据列表-->
        <div>
            <!--搜索表单-->
            <div class="lt_search">
                <form action="javascript:;">
                    <input class="search_input" type="search" placeholder="请输入搜索关键字" />
                    <!-- <a class="search_btn" href="searchList.html">搜索</a> -->
                </form>
            </div>
            <!--搜索排序-->
            <div class="lt_order">
                <a href="javascript:;">上架时间<span class="fa fa-angle-down"></span></a>
                <a data-type="price" href="javascript:;">价格<span class="fa fa-angle-down"></span></a>
                <a data-type="num" href="javascript:;">库存<span class="fa fa-angle-down"></span></a>
                <a href="javascript:;">折扣<span class="fa fa-angle-down"></span></a>
            </div>
            <!--搜索列表-->
            <div class="product">
                <ul id="searchResultList">
                </ul>
            </div>

        </div>

    </div>

    <nav class="mui-bar mui-bar-tab">
        <a class="mui-tab-item" href="index.html">
            <span class="mui-icon mui-icon-home"></span>
            <span class="mui-tab-label">首页</span>
        </a>
        <a class="mui-tab-item" href="category.html">
            <span class="mui-icon mui-icon-bars"></span>
            <span class="mui-tab-label">分类</span>
        </a>
        <a class="mui-tab-item" href="#tabbar-with-contact">
            <span class="mui-icon mui-icon-contact"></span>
            <span class="mui-tab-label">购物车</span>
        </a>
        <a class="mui-tab-item" href="user.html">
            <span class="mui-icon mui-icon-contact"></span>
            <span class="mui-tab-label">会员中心</span>
        </a>
    </nav>
    <script src="assets/zepto/zepto.min.js"></script>
    
    <script src="assets/mui/js/mui.js"></script>
    <script src="assets/artTemplate/template-native.js"></script>
    <script src="js/common.js"></script>
    <script src="js/searchList.js"></script>
    <script src="assets/mui/js/mui.min.js"></script>
    <script id="artList" type="text/template">
        <%if(result.length==0){%>
            <li>没有找到相关的宝贝</li>
        <%}else{%>
            <%for(var i=0;i<result.length;i++){%>
                <li>
                    <a href="#">
                        <img src="<%=result[i].pic[0].picAddr%>">
                        <span class="name"><%=result[i].proName%></span>
                        <p>
                            <span>&yen;<%=result[i].price%></span>
                            <span>&yen;<%=result[i].oldPrice%></span>
                        </p>
                        <span class="buy-now">立即购买</span>
                    </a>
                </li>
            <%}%>   
        <%}%>
        
    </script>


</body>

</html>